<template>
	<view class="evaluation" :style="{width: wWidth + 'px', minHeight: wHeight + 'px'}">
		<u-navbar
			title="我要讨论"
			@rightClick="rightClick"
			:autoBack="true"
		>
		</u-navbar>
		
		<view class="model" style="padding: 15px;">
			<text style="font-size: 14px;color: #2E3033">发布内容</text>
			<u--textarea v-model="badValue" placeholder="请输入你的发布内容" autoHeight height="170px" border="none" style="margin-top: 15px;height: 170px;"></u--textarea>
			
			<u-upload
					:fileList="fileList1"
					@afterRead="afterRead"
					@delete="deletePic"
					name="1"
					multiple
					:maxCount="10"
					width="60px"
					height="60px"
				></u-upload>
		</view>
		<view class="model" style="padding: 15px;margin: 15px auto 0px auto;">
			<view>
				<text style="font-size: 14px;color: #2E3033;">上传封面</text>
				<text style="font-size: 12px;color: rgba(46, 48, 51, 0.6);margin-left: 10px;">建议尺寸：550px*528px</text>
			</view>
			<view style="margin-top: 15px;margin-bottom: 30px;">
				<u-upload
						:fileList="fileList1"
						@afterRead="afterRead"
						@delete="deletePic"
						name="1"
						multiple
						:maxCount="10"
						width="60px"
						height="60px"
					></u-upload>
			</view>
			
		</view>
		
		<view class="combtn" style="margin-bottom: 30px;font-size: 14px;color: #fff">
			确定发布
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				wWidth: 0,
				wHeight: 0,
				rateValue: 2,
				rateCount: 4,
				goodValue: '',
				titName: '',
				fileList1f: []
			}
		},
		created() {
			uni.getSystemInfo({
			  success: (info) => {
			    this.wWidth = info.windowWidth;
			    this.wHeight = info.windowHeight;
			  }
			});
		},
		methods: {
			rightClick() {},
			afterRead() {},
			deletePic() {}
		}
	}
</script>

<style scoped lang="scss">
	.evaluation {
		background-color: #F7F8FA;
		
		.model {
			width: 95%;
			min-height: 50px;
			background: #FFFFFF;
			border-radius: 10px;
			margin: 60px auto 0 auto;
			box-sizing: border-box;
		} 
	}
	.combtn {
		width: 345px;
		height: 40px;
		
		background: #EF312A;
		border-radius: 10px;
		text-align: center;
		line-height: 40px;
		margin: 50px auto;
		
	}
</style>